body{
    margin:0px;
    padding:0px;
}
/* #searchform .groundform label {
    width: 80px;
} */
.dataList ul,.dataList li{
     margin:0px;
     padding:0px;
     list-style-type: none;
 }
 .dataList ul{
     padding:0px 20px;
 }
.dataList li{
     display: table;
     width: 100%;
     border:solid #e6e6e6 1px;
     margin-bottom:10px;
     padding:5px 15px;
     font-size:13px;
     box-sizing: border-box;
/*      color:#ABABAB; */
     color:#666;
     cursor: pointer;
 }
 .conameSpan{
    line-height: 20px;
    vertical-align: top;
    padding-top: 10px;
 }
.conameSpan span{
   display:block;
 }
 .conameSpan span:last-child{
   font-size:12px;
   font-weight: normal;
   color: #ABABAB;
 }
 .dataList li:hover ,.dataList .selected{
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.1);
    background:#d7edff;
 }
 .dataList li>div:nth-child(2){
     color:#666;
     font-weight: bold;
     font-size: 14px;
     width:15%;
 }
 .dataList li>div:nth-child(3){
     width:20%;
 }
 .dataList li>div:nth-child(4){
     width:20%;
 }
 .dataList li>div{
     display:table-cell;
     vertical-align: middle;
     padding: 0px 10px;
 }
 .dataList li>div:first-child{
     width:5%;
     line-height: 45px;
 }
  .dataList li>div:last-child{
     width:20%;
 }
 .dataList li div:first-child span{
     display: block;
     width: 45px;
     height: 45px;
     border-radius: 50%;
     padding: 5px;
     color: #fff;
     text-align: center;
     box-sizing: initial
 }
 .dataList li div .orange{
     background: #ff851a;
 }
 .dataList li div .grey{
     background: #b4b5b8;
 }
 .dataList li div .green{
    background:#61b361;
 }
 .dataList li div .red{
     background: #ff6259;
 }
 .dataList li div .bgColor0{
     background: #ff851a;
 }
  .dataList li div .purple{
    background: #43acf7;
 }
 .query-more{
     padding: 0px 20px;
     margin-bottom: 10px;
}
.query-more a{
     background: #f2f4f5;
     text-align: center;
     line-height: 40px;
     font-size: 14px;
     display: block;
     cursor: pointer;
} 
.jgui-drawer .duty_scroll{
     height:auto !important;;
}
.jgui-drawer .duty_warp{
     width: 100% !important;
}
.jgui-drawer .btnGrounp{
    text-align:right;
    padding: 5px 20px;
    margin-top: 5px;
    position: absolute;
    right: 10px;
}

.jgui-drawer .btnGrounp .printBtn,.jgui-drawer .btnGrounp .deteleBtn,.jgui-drawer .btnGrounp .cancelBtn,.jgui-drawer .btnGrounp .remindersBtn,.jgui-drawer .btnGrounp .archiveBtn{
     display: inline-block;
     width: 45px;
     height: 20px;
     cursor: pointer;
}

.jgui-drawer .btnGrounp .printBtn{
     background: url('../../act/images/printBtn.png') no-repeat left;
}

.jgui-drawer .btnGrounp .deteleBtn{
     background: url('../../act/images/deteleBtn.png') no-repeat left;
}

.jgui-drawer .btnGrounp .cancelBtn{
     background: url('../../act/images/cancelBtn.png') no-repeat left;
}

.jgui-drawer .btnGrounp .remindersBtn{
     background: url('../../act/images/archiveBtn.png') no-repeat left;
}

.jgui-drawer .btnGrounp .archiveBtn{
     background: url('../../act/images/remindersBtn.png') no-repeat left;
}

.jgui-drawer-open{
        width:60% !important;
}


/* .searchform .btnQuery{
     background-position: left;
     line-height: 30px !important;;
     padding-left: 30px;
     height:30px;
     border:1px #d7e6fb solid;
     vertical-align: top;
    border: 1px #d7e6fb solid;
    min-width: 85px;
    margin-left:20px;
} */

.noData{
    border-top: 1px solid #d7edff;
    padding-top: 60px;
}

.noData span{
    display:block;
}
.noData .bgpic{
    background: url('../../../resource/images/noData.png') no-repeat center;
    height: 164px;
    width: 100%;
}
.noData .textTip{
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #a1a1a1;
}

.approval .searchform{
    padding-right: 0;
}

/* .approval .tabseach{
    border: 1px solid #d7e6fb;
    padding: 10px 0;
} */

/* .approval .formPadding{
    padding: 10px 20px;
} */

.approval .overflowBody{
    overflow: auto;
    height: 100%;
}
.hide{
    display:none;
}
.group{
     margin: 18px;
}
.group-line label{
    padding: 6px 25px;
    background: #d7edff;
    margin:5px;
    border-radius: 15px;
    cursor: pointer;
}
.group-line .selected{
    background: #0090f2;
}
.group-line .selected a{
    color: #fff;
}
.group-line label a{
    text-decoration: none;
    color: #666;
    font-size: 14px;
}
.jgui-drawer .duty_scroll .duty_form{
    height:94%;
    overflow: hidden; 
}

.newApprovalList ul{
    padding: 0;
    text-align: center;
    list-style:none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.newApprovalList ul li{
    width: 171px;
    height: 112px;
    float: left;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    list-style-type:none;
    background: transparent;
    cursor: pointer;
    position: relative;
    padding: 0;
    margin:0px 5px 15px 5px;
}
.newApprovalList ul li:hover{
    border: 1px solid #d2d2d2;
}
.newApprovalList ul li a{    
font-size: 14px;
   display: block;
   width: 100%;
   height: 45px;
   text-decoration: none;
   color: #909090;
   box-sizing: border-box;
   position: absolute;
   bottom: 0px;
   line-height: 45px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.listTitle{
   line-height: 40px;
   font-size: 16px;
   padding-left: 20px;
   cursor: pointer;
   border-bottom: 1px solid #e2e2e2;
   background:#f5f5f5;
}

.listTitle span{
    background:#f5f5f5  url('../../../resource/js/easyui/themes/bootstrap/images/accordion_arrows.png') no-repeat 0 0;
    display: inline-block;
    height: 15px;
    width: 18px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}
.titleActive span{
    background:#f5f5f5  url('../../../resource/js/easyui/themes/bootstrap/images/accordion_arrows.png') no-repeat -16px 0;
}
.newApproval:last-child .listTask{
   border:0px;
}
.newApprovalList ul .listMore{
  line-height:112px;
  color:#cdcdcd;
  font-size: 15px;
  margin-right:0px;
}
.newApprovalList li.current{
  display:none;
}
.listTask{
  /*  border-bottom: 1px solid #e8e8e8; */
   padding-bottom: 15px;
   margin: 25px 15px 0px;
}

.newApprovalTipInfo{
    position: absolute;
    width: 250px;
    height: 50px;
    top: 40%;
    left: 50%;
}
.marginLeftRight{
    margin-left: -125px;
    margin-right: -25px;
}
.newApprovalTipInfo p{
    font-size: 14px;
    font-family: Microsoft YaHei;
    color: #aaa;
}
::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: hsla(0, 0%, 59%, .5);
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
}